﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="./dist/js/jquery-3.4.1.min.js"></script>
    <script src="./dist/js/bootstrap.js"></script>
    <script src="./dist/js/network.js"></script>
    <link href="./dist/css/bootstrap.css" rel="stylesheet" />
    <style type="text/css">
        html,body{
            width:100%;
            height:100%;
        }
        body {
            background-image:url("./img/loginpic.jpg");
            background-repeat:no-repeat;
            background-size:cover;
        }
    </style>
    <script>
        $(function () {
            $("#sub").on("click", function () {
                console.log("click")
                $.ajax({
                    type: "POST",
                    url: URL + "/admin_login",
                    data: $("#login").serializeArray(),
                    dataType: "json",
                    success: function (data) {

                    }
                });
            })
        })
    </script>
</head>

<body>
<nav class="navbar navbar-dark navbar-expand-lg bg-dark" style="height:7%">
    <a href="#" class="navbar-brand">后台管理</a>
</nav>
<div class="container" style="height:93%">
    <div class="row h-100">
        <div class="col-6 offset-3 h-100" style="display:flex;align-items:center;justify-content:center">
            <div class="w-75" style="height:300px;background-color:#ffffff;border-radius:10px;">
                <div class="w-100  h-25" style="border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:center;align-items:center;background-color:#41cac0">
                    <span style="font-size:25px;color:#ffffff">管理员登录</span>
                </div>
                <form id="login" class="form-group  w-100 m-auto h-75 p-3" style="display:flex;flex-flow:column;
        justify-content:space-between;">
                    <input type="text" name="username" value="" class="form-control" placeholder="请输入用户名" id="username" />
                    <input type="password" name="userpwd" value="" class="form-control" placeholder="请输入密码" id="userpwd" />
                    <div>
                        <input type="checkbox" name="rember" value="1" id="remb" />
                        <label for="test">记住我</label>
                    </div>
                    <input type="button" name="submit" value="提交"  id="sub" class="btn btn-info" />
                </form>
            </div>
        </div>
    </div>
</div>

</body>
</html>
